/* kate: space-indent true; encoding utf-8; indent-width 4; */
* {
    color:#FFB000;
    font-size: 12px;

    font-family: "Trebuchet MS", Helvetica, Arial, sans-serif;
}

body {
    background-color:#4C5844;
}
a {
    text-shadow: rgba(40,46,34,.4) 0px 1px 2px; /* Safari/khtml only, but cool */
}

#header, #header *, a, * {
    color:#FFB000;
    font-weight:bold;
}

#header {
    background-color:#000000;
    background-image: url('../img/cs/head.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: center top;
    height:30px;
    border-bottom-color : #000000;
    border-bottom-style : solid;
    border-bottom-width : 1px;
}

#header strong {
    font-weight:bolder;
}

#title {
    background: url('../img/cs/cs-small.gif') 10px 2px no-repeat;
    height:30px;
    vertical-align:bottom;
    padding-left:45px;
    padding-top:5px;
}

#container {
    background-color:#4C5844;
    background-image: url('../img/cs/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: center top;
}

#logo {
    background-image: url('../img/cs/cs.gif');
    background-repeat: no-repeat;
    background-attachment: scroll;
    background-position: center center;
    width:254px;
    height:241px;
}


/**
 * Koska tausta ei ole valkoinen, piilotetaan
 */
#imageTitle {
    visibility:hidden;
}

#navbuttons img:hover {
    background-image: url('../img/cs/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: 50% 50%;
}

.searchbox {
    background-image: url('../img/cs/head.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
    background-color:#282E22;

    border-bottom-color : #000000;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #000000;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #000000;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #000000;
    border-top-style : solid;
    border-top-width : 1px;

    -moz-border-radius: 0.6em;  /* Mozilla */
    border-radius: 0.6em;       /* CSS 3 */
}


#searchfield input[type=text] {
    color:#FFB000;
    background-color:#4C5844;
    background-image: url('../img/cs/bg.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;

    border-bottom-color : #2D3426;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #23281D;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #2D3426;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #23281D;
    border-top-style : solid;
    border-top-width : 1px;
}

#footer {
    background-color:#282E22;
    border-top-color : #000000;
    border-top-style : solid;
    border-top-width : 1px;
}

#about {
    color:#FFB000;

    background-color : #000000;
    background-image: url('../img/cs/head.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
	background-position: center top;

    border-bottom-color : #4C5844;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #4C5844;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #4C5844;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #4C5844;
    border-top-style : solid;
    border-top-width : 1px;
}

#about a {
    color:#FFB000;
    text-shadow: rgba(0,0,0,.4) 0px 1px 1px; /* Safari/khtml only, but cool */

}

#about a:hover {
    color:#FFB000;
    padding:3px;
    background-color : #000000;
    text-decoration:none;
    border-bottom-color : #4C5844;
    border-bottom-style : solid;
    border-bottom-width : 1px;
    border-left-color : #4C5844;
    border-left-style : solid;
    border-left-width : 1px;
    border-right-color : #4C5844;
    border-right-style : solid;
    border-right-width : 1px;
    border-top-color : #4C5844;
    border-top-style : solid;
    border-top-width : 1px;

    -moz-border-radius: 0.2em;  /* Mozilla */
    border-radius: 0.2em;       /* CSS 3 */

}


#about-left {
    border-right-color : #4C5844;
    border-right-style : none;
    border-right-width : 1px;
}

#about-center {
    border-right-color : #4C5844;
    border-right-style : none;
    border-right-width : 1px;
    border-left-color : #4C5844;
    border-left-style : none;
    border-left-width : 1px;
}

#about-right {
    border-left-color : #4C5844;
    border-left-style : none;
    border-left-width : 1px;
}

#copyright {
    clear:both;
    color:#FFB000;

    background-color : #000000;
    background-image: none;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;

    color : #ffffff;
    width : 100%;
    height: 20px;
    text-align : center;

    padding-top:5px;
}

#copyright a{
    color:#FFB000;
}

#ThemeMenu ul.menu, #ThemeMenu ul.menu * {
    background-color : #000000;
    background-image: url('../img/cs/head.jpg');
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-position: center top;
}
